<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="${ctx}/static/h5/css/public/bootstrap.min.css" type="text/css">
		<link rel="stylesheet" href="${ctx}/static/h5/css/personal/family-devote.css"/>
		<title></title>
	</head>
	<body>
		<!--捐赠详情-->
		<div class="devoteDetail shows">
			<%--<c:forEach items="${user.content}" var="u">--%>
			<div class="devoteDetail-head">
				<a href="javascript:;" class="go-back" onclick="window.history.back()">
					<i class="fa fa-angle-left" aria-hidden="true"></i>
					<span>返回</span>
				</a>
				<h4>捐赠详情</h4>
			</div>
			<div class="devoteDetail-content">
				<div class="devoteDetail-content-img">
					<img src="${ctx}/static/h5/images/t0148b51611bb862cbf%5B2%5D.jpg" alt=""/>
					<p>${devote.title}</p>
				</div>
				<div class="progress_box">
					<div class="progress">
						<div class="progress-bar progress-bar-success" role="progressbar"
							 aria-valuenow="60" aria-valuemin="0" aria-valuemax="100">
							<span class="progress-percent">50%</span>
						</div>
					</div>
				</div>
				<div class="container">
					<div class="row">
						<div class="col-xs-4">目标</div>
						<div class="col-xs-4">完成</div>
						<div class="col-xs-4">人数</div>
					</div>
					<div class="row">
						<div class="col-xs-4"><span>400</span>万</div>
						<div class="col-xs-4"><span>200</span>万</div>
						<div class="col-xs-4"><span>35</span>人</div>
					</div>
				</div>
				<input hidden="hidden" value="${devote.id}" class="devoteId">
				<button class="btn btn-success">我要捐赠</button>
			</div>
		</div>
		<%--</c:forEach>--%>
		</div>
		<!--微信支付-->
		<div id="paymethod">
			<div class="pay-head">
				<a href="javascript:;" class="go-back">
					<i class="fa fa-angle-left" aria-hidden="true"></i>
					<span>返回</span>
				</a>
				<h4>捐赠订单</h4>
			</div>
			<div class="pay_money">
				<p>捐赠金额</p>
				<span>元</span>
				<input type="text" id="devo" maxlength="10"/>
				<%--<img src="${ctx}/static/h5/images/money_icon.png"/>--%>
			</div>

			<div class="pay_wei">
				<h5>选择支付方式</h5>
				<div class="select_wei">
					<img src="${ctx}/static/h5/images/weixin_pay.png"/>
					<span>微信支付</span>
					<input type="radio" name="" id="changed" value="" checked="checked"/>
					<lable for="changed" class="lab"></lable>
				</div>
				<button id="pay"><a href="#">去捐赠</a></button>
			</div>
		</div>
	</body>
	<script src="${ctx}/static/h5/js/public/jquery-2.2.3.min.js"></script>
	<script src="${ctx}/static/h5/js/personal/family-devote.js"></script>
</html>
